

<div class="nav-tabs-custom tab-success one-min-height">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="false">用户信息</a></li>
    <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">密码修改</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab_1">
      <div class="row" >
        <div class="col-sm-8 col-sm-push-2 col-lg-4 col-lg-push-4">
          <div class="box box-success">
            <div class="box-body box-profile">
                <img class="profile-user-img img-responsive img-circle" src="../../assets/v1/css/portal/bs/imgs/user_lg.png" alt="User profile picture">
                <h3 class="profile-username text-center" style="margin-bottom: 10px;">{{meInfo.userName}}</h3>

              <ul class="list-group list-group-unbordered">
                <li class="list-group-item">
                  <b>职务</b> <a class="pull-right">{{meInfo.duty}}</a>
                </li>
                <li class="list-group-item">
                  <b>联系电话</b> <a class="pull-right">{{meInfo.phone}}</a>
                </li>
              </ul>
            </div>
            <!-- /.box-body -->
          </div>
          <div class="box box-success">
            <div class="box-header">
              <h3 class="box-title">相关信息</h3>
            </div>
            <div class="box-body">
              <strong><i class="fa  fa-hand-o-right  margin-r-5"></i> 行政区划</strong>
              <p class="text-muted">
               {{meInfo.regionName}}
              </p>
              <hr>
              <strong><i class="fa  fa-hand-o-right  margin-r-5"></i> 政府机构</strong>
              <p class="text-muted">
                {{meInfo.orgName}}
              </p>
              <hr>
              <strong><i class="fa  fa-hand-o-right  margin-r-5"></i> 部门</strong>
              <p class="text-muted">
                {{meInfo.depName}}
              </p>
              <hr>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /.tab-pane -->
    <div class="tab-pane" id="tab_2">
      <div class="row" >
        <div class="col-md-6 col-sm-8 col-sm-push-2">
          <div class="one-form-header"></div>
          <div class="one-form-body">
            <form action="#" method="post" class="form form-horizontal" [formGroup]="updatePwdForm" >
              <input type="hidden" id="userId" formControlName="meId" name="meId">
              <div class="form-group">
                <label for="accountName" class="col-sm-4 control-label">用户名:</label>
                <div class="col-sm-8">
                  <input type="text" class="form-control" id="accountName" formControlName="userName" required readonly>
                  <div *ngIf="formErrors.userName" class="has-error">
                    <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.userName}} </label>
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label for="account_add_pwd" class="col-sm-4 control-label">原始密码:</label>
                <div class="col-sm-8">
                  <input type="password" class="form-control" id="account_add_pwd" formControlName="password" required>
                  <div *ngIf="formErrors.password" class="has-error">
                    <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.password}} </label>
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label for="account_update_newpw" class="col-sm-4 control-label"  >新密码:</label>
                <div class="col-sm-8">
                  <input type="password" class="form-control" id="account_update_newpw" formControlName="newPassword" required >
                  <div *ngIf="formErrors.newPassword" class="has-error">
                    <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.newPassword}} </label>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label for="account_add_repwd" class="col-sm-4 control-label"  >确认密码:</label>
                <div class="col-sm-8">
                  <input type="password" class="form-control" id="account_add_repwd" formControlName="confirmPassword" required >
                  <div *ngIf="formErrors.confirmPassword" class="has-error">
                    <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.confirmPassword}} </label>
                  </div>
                </div>
              </div>
              <div class="one-form-footer">
                <div class="pull-right">
                  <!--<button class="btn btn-default" type="reset" (click)="cancelUpdatePw()">取消</button>-->
                  <button class="btn btn-success" type="button" [disabled]="updatePwdForm.invalid" (click)="savePersonalPw()">保存</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- /.tab-pane -->
  </div>
</div>
